<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>操作元素文本内容</title>
</head>
<body>
    
    <div>
        hello
        <p>你好 世界</p>
        world
    </div>

    <input type="text" value="hello world">
    
    <script src="./jquery.js"></script>
    <script>
        //1.html()
        // 等价于我们原生JS中的innerHTML
        // 1-1 html()获取
        // console.log($('div').html())

        //1-2.html()设置
        //语法：元素集合.html（你要设置的内容）
        //注意：可以识别并解析html结构字符串
        // $('div').html('<h2>我是后来设置的内容</h2>')

        //2.text()
        //等价于我们原生JS中的innerText
        //2-1.text()获取
        // console.log($('div').text())

        //2-2.text()设置
        //语法：元素集合.text(你要设置的内容)
        //注意：不可以识别并解析html结构字符串
        // $('div').text('<h2>我是后来设置的内容</h2>')

        //3.val()
        //等价于我们原生JS中的value
        //3-1.val()获取
        console.log($('input').val())

        //3-2.val（设置）
        //语法：元素集合.val(你要设置的内容)
        //作用：用来设置该表单元素的value值
        $('input').val('我是后来设置的内容')
    </script>
</body>
</html>